<template>
    <div class="care">
        <Tabs value="birthday" @on-click="changeRoute" :animated="false">
            <TabPane label="员工生日" name="birthday" >
                <router-view></router-view>
            </TabPane>
            <TabPane label="入职周年" name="anniversary">
               <router-view></router-view>
            </TabPane>
            <TabPane label="自定义短信" name="sms">
               <router-view></router-view>
            </TabPane>
        </Tabs>
    </div>   
</template>
<script>
export default {
    data(){
        return {
            active:"birthday"
        }
    },
    components:{

    },
    methods: {
        changeRoute(e){
            this.active=e;
            if(e == "birthday"){
                this.$router.push("/personnel/relation/care/birthday");
            } else if(e == "anniversary"){
                this.$router.push("/personnel/relation/care/anniversary");
            }else{
                 this.$router.push("/personnel/relation/care/sms");
            }
        }
    },
}
</script>
<style lang="scss" scoped src="./index.scss">
    
</style>